<template>
	<!-- 20230201 -->
	<view class="mall-my-evaluate-list-page">
		<!-- 页面内容 -->
		<view class="page-content padding-bottom-safe-20">
			<!-- 我的评价列表 -->
			<view class="">
				<ty-list-list :status="loadStatus">
					<view class="margin-tb-20" v-for="(item,index) in list" :key="index">
						<jc-mall-evaluate :evaluate-data="item" :is-show-product="true">
							
							<!-- 产品信息 -->
							<view class="padding-bottom-20 flex align-center" @tap="go('/pages/mall/detail?id='+item.product_id)">
								<!-- 图片 -->
								<image class="jc-image-180 radius-10" :src="item.product_cover_img" mode="aspectFill">
								</image>
								
								<view class="margin-left-20 flex-one">
									<view class="line-40 height-80 text-28 text-cut-two">{{item.product_name}}</view>
									<view class="margin-top-60 text-30 text-main">¥{{item.product_price}}</view>
								</view>
							</view>
							
						</jc-mall-evaluate>
					</view>
				</ty-list-list>
			</view>
		</view>

		<!-- 页面浮层 -->
		<view class="page-layer">

		</view>
	</view>
</template>

<script>
	import mall from '../api/mall.js'
	export default {
		data() {
			return {
				// 加载状态
				loadStatus: '',
				// 我的评价列表
				list: []
			}
		},

		onReady() {
			this.loadList(1)
		},

		onReachBottom() {
			this.loadList(0)
		},

		methods: {
			/**
			 * 我的评论列表
			 * @param {int} isFirstPage 是否第一页 0--不是 1--是
			 */
			loadList(isFirstPage) {
				mall.evaluate.listMyEvaluate(this, isFirstPage)
			},
		}
	}
</script>

<style scoped>

</style>
